{if $bCanCancel}
<div style="padding:4px;"><a class="link_action" href="{url link='public.account.settings.cancel-account'}">[ {language text="cancel_account_92"} ]</a></div>
<br />
{/if}
{if $bDone}
<div style="font-size:9pt; padding:6px; font-weight:bold;" class="border13">
	{language text='Mod_Account.account.updated'}
</div>
<br />
{/if}
{messages}
{$jsValMess}
<form method="post" action="{$sUrl}" onsubmit="{$jsValidation}">
<table style="width:100%;">
    <tr>
        <td style="width:30%;text-align:right;font-size:10pt;" class="color"><span class="star">*</span> {language text="e_mail"}:</td>
        <td style="width:70%;font-size:8pt;" class="color">
        <div class="border13">
            <div style="padding:5px;"><input type="text" name="aUser[email]" value="{$aUser.email}" size="45" /></div>
        </div>
        </td>
    </tr>
    <tr>
        <td style="width:30%;text-align:right;font-size:10pt;" class="color">{language text="password"}:</td>
        <td style="width:70%;font-size:8pt;" class="color">
        <div class="border13">
            <div style="padding:5px;"><a class="link_action" href="{url link='public.account.settings.change-pass'}">[ {language text="change_password"} ]</a></div>
        </div>
        </td>
    </tr>
    <tr>
        <td style="width:30%;text-align:right;font-size:10pt;" class="color">{language text="gender"}:</td>
        <td style="width:70%;font-size:8pt;" class="color">
        <div class="border13">
        <div style="padding:5px;">
        	<select name="aUser[gender]" style="width:100px;">
            {html_options options=$aGenders selected=$aUser.gender}
            </select>
		</div>
        </div>
        </td>
    </tr>
    <tr>
        <td style="width:30%;text-align:right;font-size:10pt;" class="color">{language text="location"}:</td>
        <td style="width:70%;font-size:8pt;" class="color">
        <div class="border13">
        <div style="padding:5px;"><select name="aUser[location]"{if $bZipState} onchange="checkUsMode();" {/if}style="width:150px;" id="fldCountrySel">
            {html_options options=$aCountries selected=$aUser.location}
        </select></div>
        </div>
        </td>
    </tr>

    {if $bZipState}
    <tr>
        <td style="width:30%;text-align:right;font-size:10pt;" class="color">{language text="state"}:</td>
        <td style="width:70%;font-size:8pt;" class="color"><div class="border13" style="padding:5px;">
            <select name="aUser[state]" id="fldStateSel">
            <option value="">{language text='option.select'}</option>
            {html_options options=$aStates selected=$aUser.state}
            </select>
        </div></td>
    </tr>
    <tr>
        <td style="width:30%;text-align:right;font-size:10pt;" class="color">{language text="zip"}:</td>
        <td style="width:70%;font-size:8pt;" class="color"><div class="border13" style="padding:5px;"><input type="text" name="aUser[zip]" value="{$aUser.zip}" size="40" maxlength="30" onfocus="this.className='inputmain';" onblur="this.className='';" id="fldZip" /></div></td>
    </tr>
    {/if}


    <tr>
        <td style="width:30%;text-align:right;font-size:10pt;" class="color">{language text="city"}:</td>
        <td style="width:70%;font-size:8pt;" class="color">
        <div class="border13">
        <div style="padding:5px;"><input type="text" name="aUser[city]" value="{$aUser.city}" size="45" /></div>
        </div>
        </td>
    </tr>

    <tr>
        <td style="width:30%;text-align:right;font-size:10pt;" class="color">{language text="date_of_birth"}:</td>
        <td style="width:70%;font-size:8pt;" class="color">
        <div class="border13">
        <div style="padding:5px;">
            {html_select_date prefix='aBirthDate_' field_order='DMY' month_format='%m' start_year=$iStartYear end_year=$iEndYear all_extra='style="width:90px;"' field_separator=' / ' time=$dtBirthdate reverse_years=true}
        </div>
        </div>
        </td>
    </tr>

    {if $bAllowLangPack}
    <tr>
        <td style="width:30%;text-align:right;font-size:10pt;" class="color"> {language text="core_language"}: </td>
        <td style="width:70%;font-size:8pt;" class="color">
        <div class="border13">
            <div style="padding:5px;">
            <select name="aUser[lang_file]">
            {section loop=$aLanguages name=I}
            {if $aLanguages[I].userselect}
			<option value="{$aLanguages[I].id}"{if $aUser.lang_file == $aLanguages[I].id} selected="selected"{/if}>{$aLanguages[I].title}</option>
			{/if}
            {/section}
            </select>
            </div>
        </div>
        </td>
    </tr>
	{/if}

    <tr>
        <td style="width:30%;text-align:right;font-size:10pt;vertical-align:top;" class="color">{language text="e_mail_notifications"}:</td>
        <td style="width:70%;font-size:8pt;" class="color">

        <div class="border13">
        <div style="padding:5px;">

            <div style="padding-bottom:4px;"><img src="design/pic/spacer.gif" class="sqr" style="vertical-align:middle;" alt="" width="7" height="7" />
                <input type="hidden" name="aUser[not_1]" value="0">
                <input type="checkbox" name="aUser[not_1]" id="not_1" value="2" style="vertical-align:middle;border:0px;"{if $aUser.not_1} checked{/if} /> <span style="vertical-align:middle;"><label for="not_1">{language text="comments_posted"}</label></span>
            </div>

            <div style="padding-bottom:4px;"><img src="design/pic/spacer.gif" class="sqr" style="vertical-align:middle;" alt="" width="7" height="7" />
                <input type="hidden" name="aUser[not_2]" value="0">
                <input type="checkbox" name="aUser[not_2]" id="not_2" value="2" style="vertical-align:middle;border:0px;"{if $aUser.not_2} checked{/if} /> <span style="vertical-align:middle;"><label for="not_2">{language text="new_mail_messages"}</label></span>
            </div>

    		{if $bCrush}
            <div style="padding-bottom:4px;"><img src="design/pic/spacer.gif" class="sqr" style="vertical-align:middle;" alt="" width="7" height="7" />
                <input type="hidden" name="aUser[not_3]" value="0">
                <input type="checkbox" name="aUser[not_3]" id="not_3" value="2" style="vertical-align:middle;border:0px;"{if $aUser.not_3} checked{/if} /> <span style="vertical-align:middle;"><label for="not_3">{language text="new_crush_alerts"}</label></span>
            </div>
            {/if}

            {if !$bExternForum}
            <div style="padding-bottom:4px;"><img src="design/pic/spacer.gif" class="sqr" style="vertical-align:middle;" alt="" width="7" height="7" />
                <input type="hidden" name="aUser[not_4]" value="0">
                <input type="checkbox" name="aUser[not_4]" id="not_4" value="2" style="vertical-align:middle;border:0px;"{if $aUser.not_4} checked{/if} /> <span style="vertical-align:middle;"><label for="not_4">{language text="new_forum_replies"}</label></span>
            </div>
            {/if}

            <div style="padding-bottom:4px;"><img src="design/pic/spacer.gif" class="sqr" style="vertical-align:middle;" alt="" width="7" height="7" />
                <input type="hidden" name="aUser[not_5]" value="0">
                <input type="checkbox" name="aUser[not_5]" id="not_5" value="2" style="vertical-align:middle;border:0px;"{if $aUser.not_5} checked{/if} /> <span style="vertical-align:middle;"><label for="not_5">{language text="new_friends_requests"}</label></span>
            </div>

        </div>
        </div>

        </td>
    </tr>

    <tr>
        <td style="width:30%;text-align:right;font-size:10pt;vertical-align:top;" class="color">{language text="privacy_settings"}:</td>
        <td style="width:70%;font-size:8pt;" class="color">

        <div class="border13">
        <div style="padding:5px;">

            <div style="padding-bottom:4px;"><img src="design/pic/spacer.gif" class="sqr" style="vertical-align:middle;" alt="" width="7" height="7" />
                <input type="hidden" name="aUser[friends_only]" value="0">
                <input type="checkbox" name="aUser[friends_only]" id="2not_1" value="1" style="vertical-align:middle;border:0px;"{if $aUser.friends_only} checked{/if} /> <span style="vertical-align:middle;"><label for="2not_1">{language text="only_friends_can_view_my_"}</label></span>
            </div>

            <div style="padding-bottom:4px;"><img src="design/pic/spacer.gif" class="sqr" style="vertical-align:middle;" alt="" width="7" height="7" />
                <input type="hidden" name="aUser[friends_comment]" value="0">
                <input type="checkbox" name="aUser[friends_comment]" id="2not_2" value="1" style="vertical-align:middle;border:0px;"{if $aUser.friends_comment} checked{/if} /> <span style="vertical-align:middle;"><label for="2not_2">{language text="only_friends_can_post_com"}</label></span>
            </div>
 			<div style="padding-bottom:4px;"><img src="design/pic/spacer.gif" class="sqr" style="vertical-align:middle;" alt="" width="7" height="7" />
                <input type="hidden" name="aUser[setting_gb_html]" value="0">
                <input type="checkbox" name="aUser[setting_gb_html]" id="3not_1" value="1" style="vertical-align:middle;border:0px;"{if $aUser.setting_gb_html} checked{/if} /> <span style="vertical-align:middle;">
                <label for="3not_1">{language text="don_t_allow_html_on_my_gu"}</label></span>
            </div>

        </div>
        </div>


        </td>
    </tr>

    <tr>
        <td colspan="2" style="padding-left: 20px"><span class="star">*</span> - {language text="mandatory_fields"}</td>
    </tr>
    <tr>
        <td style="width:30%;text-align:right;font-size:10pt;" class="color"><br />
        </td>
        <td style="width:70%;font-size:8pt;" class="color"><br />
        <input type="submit" name="act[update]" value=" {language text="save_account_settings"} " style="cursor:pointer;" class="mainmenu6" onmouseover="this.className='mainmenu7';" onmouseout="this.className='mainmenu6';" /></td>
    </tr>
</table>
</form>
{if $bZipState}<script type="text/javascript">checkUsMode();</script>{/if}